ツリーメニュー

ツリーメニュー（ドロップダウンメニュー）とは、メニューの下の階層に別のメニューを作成することで、このシステムでは、合計3つの階層まで作成することができます。すべてのメニューはウェブエディタで管理されています。下階層に表示するメニューを別セクションに作成し、上階層のメニューからこのセクションに関連付けることでツリーメニューを作成することができます。

通常のメニュー（四角アイコン）

ツリーメニュー折りたたみ時（三角アイコンが右向き）
右向きの三角アイコンをクリックすると下の階層のメニューが展開します。

ツリーメニュー展開時（三角アイコンが下向き）
下向きの三角アイコンをクリックするとツリーメニューが折りたたまれます。

　

ツリーメニュー作成手順

管理 > 環境設定 > ウェブエディタ

下の階層に表示するメニューを別のセクションに作成しますので、[新規セクションの追加 / セクションの更新] をクリックします。

以下は新しいセクションの作成例です。

セクションID：セクションの一覧を見て、既存のセクションに続く数字を入力します。（ここでは28）
スキンタイプ：0を入力します。
順番：セクションIDと同じ数字を入力します。
ページ内容：このセクションの名前を入力します。
Altタグ：ソースコードのAltタグに入力する名前を入力します。（通常はページ内容と同様）

「追加」ボタンをクリックします。

新しく作成したセクションが一覧ページの一番下に表示されますので「編集」ボタンをクリックします。

Prospect セクションと同じようなページが開きますが、ここには既存のページはありません。
ここにツリーメニューとして表示するメニューとそのページを作成します。

それでは、サンプルページを作成します。ウェブエディタで新規ページを作成する方法で、順番、ユーザータイプを選択、カスタムページにチェックを入れて「新規追加 >>」をクリックします。

次に、カスタムページの内容を作成します。
ページの作成方法が分からない場合は、使用手順の カスタムページの追加または編集、新規ページの作成 をご参照ください。

作成するページの「メニューの変更：」ドロップダウンは、このメニューの下階層に表示するメニューがあるかないかを選択する役目をしますので、ここでは「None」を選択します。

以下の例のように必要事項を入力して、新規ページを作成します。

このセクションの一覧ページ（ひとつ前のページ）に戻り、同じ手順でさらに2つの新規ページを作成します。
これで3つのカスタムページが作成されました。セクションの一覧ページへ戻ると、以下のように表示されています。

ツリーメニュー作成方法 - 2へ進む

--------------------

- カスタムページの追加または編集、新規ページの作成

- ページの編集、言語バージョンの追加、ページ間のリンク

- カートの特定商品へのページ内リンク、商品やカテゴリーへの外部サイトからのリンク

- 商品やカテゴリーへのシステムページからのリンク、ショッピングカートのカテゴリー内商品にリンクするメニューの作成

- ツリーメニュー作成方法 - 1

- ツリーメニュー作成方法 - 2

- 画像の追加、商品のアップロードとリンク、スタイルシートの編集、システムページ内画像の変更

-------------

使用ガイドのトップへ戻る